@charset "UTF-8";

body {overflow-x: hidden;}
ul {padding: 0;margin: 0;}
ul li {list-style: none;}
/*a {color: #fff;text-decoration: none;}*/
h1, h2, h3, h4, h5 {margin: 0;}
a:focus,a:hover {text-decoration: none;}
a:focus {outline: none;outline-offset: -2px;}
P {margin-bottom: 0;}

.xyin-case-item .case-main-bot ul:after, {content: "";display: table;clear: both;}
.xyin-case-item .case-main-bot ul li h5, {text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}

/* xyin-case */
.xyin-case {padding: 70px 0; /*background: url(../images/in_pro_bg.jpg) no-repeat center #eff3f6*/}
.xyin-case-sort {margin:0  auto; text-align:center}
.xyin-case-sort ul{display: inline-block;}
.xyin-case-sort li {margin-bottom: 7px;line-height: 44px;background: #fff;text-align: center; float: left;border:#dedede 1px solid;margin:0 2px;padding:0 8px;position: relative;height: 44px;width:120px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
.xyin-case-sort li a {vertical-align: middle;color: #000000;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;  }
.xyin-case-sort li:hover, .xyin-case-sort li.on {background: #cd2616;position: relative;color: #fff;cursor: pointer;}
.xyin-case-sort li:hover a, .xyin-case-sort li.on a {color: #fff;}
.xyin-case-item {overflow: hidden;padding: 0px;width: 100%;}
.xyin-case-item .case-main-top {background: #f5f5f5;display: table;margin-bottom: 20px;position: relative;float: left;width: 50%;}
.case_item{float: left;width:33.1%;margin:0.35% 0.35% 0 0;position: relative;}
.case_item:nth-child(3n){margin:0.35% 0 0 0}
.xyin-case-main{margin:10px 0;}
/*.case_item h3{position: absolute;background: rgba(0,0,0,0.5);font:400 14px/43px "Microsoft Yahei";color: #fff;width: 100%;z-index: 9999;bottom: 0px;left:0px;padding-left:30px;}
.case_item h3 a{color: #fff;}*/
.xyin-case-main img{width: 100%;height: auto;}
.xyin-case-item .case-main-top .img {width: 100%;display: table-cell;vertical-align: middle;}
@media only screen and (max-width:768px){
.xyin-case {padding:50px 0;}
}
@media only screen and (max-width:640px){
	.case_item{width:49.5%; margin:1% 1% 0 0}
	.case_item:nth-child(3){margin:1% 1% 0 0}
	.case_item:nth-child(2n){margin:1% 0 0 0}
}